// smallbore
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	word-wrap: break-word
}
li, ol, ul {
	list-style: none
}
a{color:#212121;}
body {font-size: 12px;position: absolute;top: 0;right: 0; bottom: 0;left: 0;font-family: "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1.5;color: #3d4145;background: #eeeeee;overflow: hidden;min-width: 320px;max-width: 640px; margin:0 auto;
}
img {max-width: 100%;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;-webkit-touch-callout: none}
// 去掉伪类，
.no-before::before,.no-after::after{content:none;}
.no-end::before,.no-end::after{content:none;}

.clearfix:after, .clearfix:before {display: table;content: " "}
.clearfix:after {clear: both}
.fl{ float: left !important;}
.fr{ float: right !important;}
.tr{ text-align:right;}
.tl{ text-align: left;}
.tc{ text-align:center;}
.affix {position: fixed;}
.bor-r{border-right:1px solid #e7e7e7;}

// 弹窗
.warp-gonggao{
	position:fixed;top:0; bottom:0;left:0;right:0;
	background:rgba(1,1,1,.7);
	display:none;
	z-index: 9;
}
.tan-overlay {
	position:absolute;
	top:0;left:0;
	width: 100%;
	height: 100%;
}
.tan-open,.tan-overlay {
	display:block;
	pointer-events: auto;
}
.close-x{background:url(../images/xx01.png) no-repeat;background-size:100% 100%;position:absolute;top:.3rem;right:.3rem;width:.6rem;height:.6rem;z-index: 2}
.close-x.small_x{
        background:url(../images/xx00.png) no-repeat;
        background-size:100% 100%;
		right:0;top:-1.2rem;
		width:1rem;height:1rem;
    }
.gg-box{position:absolute;left:50%;top:50%;width:82%;height:auto;
	transform:translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}
// smallbore
.small_page{
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient:vertical;
	-moz-box-direction:normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width:100%; 
	height:100%;
	.small_head{
		height:1.6rem;background:#333;
	}
	.small_body{
		-webkit-box-flex:1;
		-webkit-flex:1;
		    -ms-flex:1;
				flex:1;
		position:relative;
	}
	.small_foot{
		// min-height:2rem;
		.foot-tab{
			background:rgba(1,1,1,.8);
			border-top:0px solid #e7e7e7;
			display:-webkit-box;
			display:-ms-flexbox;
			display:-webkit-flex;
			display:flex;
			a{
				-webkit-box-flex:1;
				-webkit-flex:1;
					-ms-flex:1;
						flex:1;
				text-align: center;
				padding-top:.2rem;
				font-size:.5rem;
				color:white;
				i{
					width:.9rem;
					height:.9rem;
					display:block;
					margin:0 auto .1rem;
				}
			}
			a.active{color:white;}
			a.item01{
				i{
					background:url(../images/tab-item01.png) no-repeat;
					background-size:100% 100%;
				}
			}
			a.item01.active{
				i{
					background:url(../images/tab-item11.png) no-repeat;
					background-size:100% 100%;
				}
			}
			a.item02{
				i{
					background:url(../images/tab-item02.png) no-repeat;
					background-size:100% 100%;
				}
			}
			a.item02.active{
				i{
					background:url(../images/tab-item22.png) no-repeat;
					background-size:100% 100%;
				}
			}
			a.item03{
				i{
					background:url(../images/tab-item03.png) no-repeat;
					background-size:100% 100%;
				}
			}
			a.item03.active{
				i{
					background:url(../images/tab-item33.png) no-repeat;
					background-size:100% 100%;
				}
			}
			a.item04{
				i{
					background:url(../images/tab-item04.png) no-repeat;
					background-size:100% 100%;
				}
			}
			a.item04.active{
				i{
					background:url(../images/tab-item44.png) no-repeat;
					background-size:100% 100%;
				}
			}
			a.item05{
				i{
					background:url(../images/tab-item05.png) no-repeat;
					background-size:100% 100%;
				}
			}
			a.item05.active{
				i{
					background:url(../images/tab-item55.png) no-repeat;
					background-size:100% 100%;
				}
			}
		}
		.abtn-box{
			background:white;
			border-top:0px solid #e7e7e7;
			display:-webkit-box;
			display:-ms-flexbox;
			display:-webkit-flex;
			display:flex;
			.icon-box{
				width:15%;
				text-align: center;
				padding:.2rem 0 0;
				border-right:1px solid #e7e7e7;
				font-size:.45rem;
				color:#676767;
				img{
					width:.8rem;
				}
			}
			.add-cat{
				width:27.5%;
				background:#ffb101;
				color:white;
				font-size:.65rem;
				line-height: 1.8rem;
				text-align: center;
			}
			.add-buy{
				-webkit-box-flex:1;
				-webkit-flex:1;
					-ms-flex:1;
						flex:1;
				background:#fd392e;
				text-align: center;
				color:white;
				font-size:.65rem;
				line-height:1.8rem;
			}
		}
	}
}
.small_head{
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	align-items: center;
	color:white;
	.go-back {
		padding-left:.6rem;
		min-height:.6rem;
	}
	.go-back:before {
		content:" ";display:inline-block;width: .4rem;height: .4rem;border:solid #fff;border-width: 2px 0 0 2px;
		-webkit-transform: rotate(315deg);transform: rotate(315deg);
	}
	.head-title{
		-webkit-box-flex:1;
		-webkit-flex:1;
		    -ms-flex:1;
				flex:1;
		text-align: center;
		font-size:.7rem;
	}
	.tool-box{
		padding-right: .6rem;
	}
}
.warp-pages{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#f3f3f3;
	overflow-y: auto;
	overflow-x: hidden;
}

